<!doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
	<title>OnionView</title>
	
	<meta charset="utf-8">
	<meta name="keywords" content="OnionView, Tor, Map, Router, The Onion Router, Relay, Server, Atlas, Vision, List, Hidden Services" />
	<meta name="description" content="OnionView, created by Luke Millanta, is an interactive map of Tor relay servers." /> 

    <!-- Favicon --> 
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">
    
    <!-- this styles only adds some repairs on idevices  -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Google fonts - witch you want to use - (rest you can just remove) -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!-- ######### CSS STYLES ######### -->
	
    <link rel="stylesheet" href="css/reset.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
    
    <!-- responsive devices styles -->
	<link rel="stylesheet" media="screen" href="css/responsive-leyouts.css" type="text/css" />
    
<!-- just remove the below comments witch color skin you want to use -->
    <!--<link rel="stylesheet" href="css/colors/orange.css" />-->
    <!--<link rel="stylesheet" href="css/colors/lightgreen.css" />-->
    <!--<link rel="stylesheet" href="css/colors/blue.css" />-->
    <!--<link rel="stylesheet" href="css/colors/green.css" />-->
    <!--<link rel="stylesheet" href="css/colors/red.css" />-->
    <!--<link rel="stylesheet" href="css/colors/cyan.css" />-->
    <!--<link rel="stylesheet" href="css/colors/purple.css" />-->
    <!--<link rel="stylesheet" href="css/colors/yellow.css" />-->
    <!--<link rel="stylesheet" href="css/colors/brown.css" />-->
    
<!-- just remove the below comments witch bg patterns you want to use -->
    
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-default.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-one.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-two.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-three.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-four.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-five.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-six.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-seven.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-eight.css" />-->
    <!--<link rel="stylesheet" href="css/bg-patterns/pattern-nine.css" />-->
    
    <!-- jquery jcarousel -->
    <link rel="stylesheet" type="text/css" href="js/jcarousel/skin.css" />
	
</head>

<body onload="load()">

<div class="site_wrapper">
	
    <div class="container_full">
    
    	<div class="top_links">
            <div class="container">
            	
			<div class="date_wrap">
			<script type="text/javascript">
            var mydate=new Date()
            var year=mydate.getYear()
            if (year < 1000)
            year+=1900
            var day=mydate.getDay()
            var month=mydate.getMonth()
            var daym=mydate.getDate()
            if (daym<10)
            daym="0"+daym
            var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
            document.write("<b class='date'>"+montharray[month]+" "+daym+", "+year+"</b>")
            </script>
            </div><!-- end date -->
            
            <div class="top_contact_info">
                    <ul class="tci_list">
					Copyright &copy; 2015 OnionView | All Rights Reserved | <a href="http://OnionView.com/about.php">About OnionView</a>
                    </ul>
            </div><!-- end top contact info -->
                
            </div>
    	</div><!-- end top links -->
        
        <div class="top_section">

    	<div class="container">

    		<div id="logo"><a href="index.php" class="site_logo"><img src="images/logo.png" alt="" /></a></div><!-- end logo -->
            	
            <nav id="access" class="access" role="navigation">
            
                <div id="menu" class="menu">
                    
                    <ul id="tiny">
                        <li><a href="http://OnionView.com/?relaytype=0">All Relays</a></li>
                        <li><a href="http://OnionView.com/?relaytype=1">Exit Relays</a></li>	
						<li><a href="http://OnionView.com/?relaytype=2">Internal Relays</a>
						</li>
                    </ul>
                    
                </div>
                
            </nav>

		</div> 

	</div>
    
   <div class="top_shadow"></div><!-- end shadow -->

</div><!-- end top -->

<div class="clearfix"></div>

<div class="container">

	<div class="content_left">
    
    	<h2>What Is OnionView?</h2>
        
        <p>OnionView is a simple web service which uses Tor relay data, gathered using the <a href="https://onionoo.torproject.org/">Onionoo</a> network status protocol, to plot the location of active Tor nodes onto an interactive map of the world.</p>
        
        <div class="clearfix mar_top2"></div>
        
        <div class="big_text2">OnionView, a graphical depiction of the Tor network.</div>
        
		<div class="clearfix divider_line"></div>
                                
            <div class="our_products">
            
            	<h2>View Selections</h2>
                
                <ul>
                	<li>
                        <h5>All Relays</h5>
                        <p>The all relays option will display all Tor relay servers currently operating on the network.</p>
                    </li>
                    
                    <li class="last">
                        <h5>Exit Relays</h5>
                        <p>By selecting to show only exit relays, only Tor servers configured as exit nodes will be shown.</p>
                    </li>
                    
                    <li>
                        <h5>Internal Relays</h5>
                        <p>This option will only show internal relay servers. These are servers that have not been configured as exit nodes.</p>
                    </li>
                    
                    <li class="last">
                    <h5>OCD Adjustment</h5>
                    <p>This paragraph merely serves to keep everything on the page even (and my OCD-riddled mind happy).</p>
                    </li>
                </ul>                 
            </div>
</div><!-- end content left area -->

<!-- right sidebar starts -->
<div class="right_sidebar">
       
    <div class="sidebar_widget">

		<h3>The Author</h3>
		
        <p>OnionView was created by Luke Millanta, an Australian software developer. Follow Luke on Twitter to see more of his work: <a href="http://twitter.com/lmillanta">Click Here</a></p>
	</div><!-- end section -->
</div><!-- end right sidebar -->

</div>
<div class="clearfix"></div>
 
<!-- ######### JS FILES ######### -->
<!-- get jQuery from the google apis -->
<script type="text/javascript" src="js/universal/jquery.js"></script>

<!-- style switcher -->
<script src="js/style-switcher/jquery-1.js"></script>
<script src="js/style-switcher/styleselector.js"></script>

<!-- main menu -->
<script type="text/javascript" src="js/mainmenu/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/mainmenu/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/mainmenu/selectnav.js"></script>

<!-- jquery jcarousel -->
<script type="text/javascript" src="js/jcarousel/jquery.jcarousel.min.js"></script>

<script type="text/javascript" src="js/mainmenu/scripts.js"></script>
<script type="text/javascript" src="js/accordion/custom.js"></script>
</body>
</html>
